.h5-editor {
  width: 100%;
  height: 100%;
  min-width: 1200px;
  background-color: var(--editor-bg);
  user-select: none;

  .group-title {
    @apply flex items-center gap-x-2;
    font-size: var(--editor-group-font-size);
    color: var(--editor-group-color);
    font-weight: var(--editor-group-font-weight);
  }
  .h5-editor__layout {
    background-color: var(--bg);
  }
  .h5-editor__content {
    @apply flex-1 flex-row overflow-hidden;
    .h5-editor__properties {
      background-color: var(--bg-dark);
    }
    .h5-editor__components {
      background-color: transparent;
      @apply w-72;
    }

    .h5-editor__canvas {
    }
    .h5-editor__properties {
      .ant-tabs {
        @apply h-full flex flex-col overflow-hidden;
        .ant-tabs-content-holder {
          @apply flex-1 overflow-y-auto;
        }
      }
    }
  }

  .ant-radio-button-wrapper {
    box-shadow: none !important;
    & > .ant-radio-button {
      outline: none;
      &:focus-within {
        box-shadow: none !important;
      }
    }
  }
}
